@charset "utf-8";
/* CSS Document */
/*panel-box*/
.panel-box{ padding-top:20px;}
.title-line{ background:#F6F8F9; padding:10px; display:block; margin:0px 0 10px 0;}
.title-line .title-box{ font-size:20px; font-weight: normal; padding:5px 10px 0 10px;}
.title-line .agency-wrap{ padding-top:10px; }
.title-line .titagency-wrap .tag{ font-size:18px; width:30px; height:30px; line-height:30px;}
.title-line .titagency-wrap .sell-nx{ background:#FFDD25; }
/*album-box*/
.album-box{ width:500px; height:536px;}
/* eg css */
	.album-box .album-wrapper{ position: relative; overflow:hidden; width:500px; }
	.album-box .album-wrapper .bigImg{ height:420px; position:relative;}
	.album-box .album-wrapper .bigImg li{width:500px; height:380px; overflow:hidden;}
	.album-box .album-wrapper .bigImg li img{ vertical-align:middle; width:500px; height:376px;   }
	.album-box .album-wrapper .bigImg  h4{ font-size:14px; font-weight:bold; line-height:33px; height:33px; padding-right:30px; overflow:hidden; text-align:left; }

	.album-box .album-wrapper .smallScroll{ height:72px; margin-top:7px;}
	.album-box .album-wrapper .sPrev,.album-box .album-wrapper .sNext{ float:left; display:block; width:15px; height:70px; margin-top:3px; text-indent:-9999px; background:url(/templates/default/images/bg.png) no-repeat -603px -10px; display:none; }
	.album-box .album-wrapper .sNext{ background-position:-622px -10px;}

	.album-box .album-wrapper .smallImg{ float:left;  margin:0; display:inline; width:560px; overflow:hidden;}
	.album-box .album-wrapper .smallImg ul{ height:111px;  width:9999px; overflow:hidden; }
	.album-box .album-wrapper .smallImg li{ float:left; padding:0 10px 0 0; width:117px; cursor:pointer;  display:inline; position:relative;  }
	.album-box .album-wrapper .smallImg li i{ position: absolute; color:#fff; display:inline-block; font-size:14px; height:34px; line-height:34px; text-align:center; width:117px; left:1px; bottom:8px;}
	.album-box .album-wrapper .smallImg li.on i{ left:3px; bottom:10px; z-index:1;}
	.album-box .album-wrapper .smallImg li i .img-mask{position: absolute; left:0; display:inline-block;  background:#0F1217; opacity:0.7; width:117px; height:34px; }
	.album-box .album-wrapper .smallImg li i .img-name{ z-index:2; position:relative;}
	.album-box .album-wrapper .smallImg img{ padding:1px; width:117px; height:80px;margin-top:2px;  }
	.album-box .album-wrapper .smallImg .on img{ border:2px solid #FFDD25; margin-top:0px;}

	.album-box .album-wrapper .pageState{ position:absolute; top:345px; right:5px; font-family: Arial, Helvetica, sans-serif, serif; letter-spacing:1px; color:#F08409;}
	.album-box .album-wrapper .pageState span{ color:#E8393C; font-size:14px;}

/*house-info*/
.house-info{ width:660px; float:right;}
.house-info .price .c1{ padding:10px 0; border-bottom:dashed 1px #CCC; /*ie*/line-height:37px;}
	/*c1*/
	.house-info .price .c1{}
	.house-info .price .c1 .total-price{ font-size:28px; color:#E8393C; font-weight:600; margin:0 20px 0 10px;}
	.house-info .price .c1 .total-price i{ font-size:12px; font-style:normal; margin-left:5px; font-weight:normal;}
	/*tit-n*/
	.house-info .price .c1 .tit-n{ position:relative; z-index:5; font-weight:normal; font-size:18px; margin-left:15px; color:#FA0000;}
	.house-info .price .c1 .tit-n i{padding:0px 3px; color:#fff; background:#FA0000; margin-right:10px; display: inline-block; position:relative; top:-1px;}
	/*agency-wrap*/
	.house-info .price .c1 .agency-wrap{ margin-top:6px;}
	.house-info .price .c1 .agency-wrap .attention-ex{ border-radius:3px;}
	/*housing-look*/
	.house-info .housing-look{background:#F4FEFF; border:solid 1px #0DB1CC; margin:0; position:relative; font-weight:bold; padding:5px 10px;}
	.house-info .housing-look dl{ font-size:14px; color:#0DB1CC; }
	.house-info .housing-look dl dt{ float:left; color:#000; }
	.house-info .housing-look dl dd{font-weight:normal;margin-left: 60px;}
	.house-info .housing-look dl dd .time { color:#000; float:left; margin-top:5px;}
	.house-info .housing-look dl dd .time span{ background:#0DB1CC; color:#fff; padding:0px 3px; margin:0 5px; display:inline-block; border-radius:3px;}
	.house-info .housing-look dl dd .time i{ margin:0 5px; color:#999;}
	.house-info .housing-look .putcontent{border-radius:3px; padding:3px 10px; float:left; background:#E8393C; color:#fff; position:relative; margin-left:30px; cursor:pointer;}
	/*number*/
	.house-info .number{ height:56px; background:#FFD200; color:#fff; margin:75px auto 0 auto; padding-left:78px; position:relative; font-weight:bold;}
	.house-info .number .col-num{color:#fff; line-height:58px; font-size:30px;}
	.house-info .number .col-num i{ width:58px; height:56px; line-height:30px; display:inline-block; background:#FFD200 url(/templates/default/images/bg.png) no-repeat -468px -10px; position:absolute; left:0; top:0;}
	.house-info .number .col-other{margin:10px 20px 0 0;}
	.house-info .number .col-other .callphone-icon{ float:left; margin-right:30px; background-color:#fff; color:#0DB1CC;}
	.house-info .number .col-other .callphone-icon:hover{}
	/*erweima*/
	.house-info .number .col-other .erweima{ float:left; width:37px; height:37px; background:url(/templates/default/images/bg.png) no-repeat -142px -328px;}
	.house-info .number .col-other .erweima .er-wrapper {display:none; border:3px solid #b0b4b9; position:absolute; top:-168px; right:20px; background:#fcfcfc; width:140px; height:140px; text-align:center; cursor:default; font-size:12px; padding-top:15px;}
	.house-info .number .col-other .erweima .er-wrapper p{ line-height:26px;}
	#qrcodeTable table{margin:0 auto;}
	
	.house-info .other-info{ font-size:16px; margin-top:20px; position:relative;}
	/*m-calc*/
	.house-info .other-info .m-calc{ position:absolute; right:0; font-size:14px; margin-top:9px;}
	.house-info .other-info .m-calc i{ background:url(/templates/default/images/bg.png) no-repeat -142px -302px; width:15px; height:15px; display:inline-block; position:relative; top:3px;}
	.house-info .other-info dl{ width:50%; float:left; padding:8px 0;}
	.house-info .other-info dl.colspan{ width:100%;}
	.house-info .other-info dl a{ text-decoration:underline; color:#FFD200;}
	.house-info .other-info dt{ float:left; font-weight:600;}
	.house-info .other-info dd{ float:left;}
	.house-info .other-info dd.col-look{ margin-left:20px;}
	.house-info .other-info dd.col-look i{ width:14px; height:14px; background:url(/templates/default/images/bg.png) no-repeat -243px -302px; display:inline-block; top:3px; position:relative; margin-right:5px;}
	.house-info .other-info dd.col-map{ margin-left:20px;}
	.house-info .other-info dd.col-map i{ width:10px; height:14px; background:url(/templates/default/images/bg.png) no-repeat -57px -64px; display:inline-block; top:3px; position:relative; margin-right:5px;}

	.house-info .house-del{ margin-top:15px;}
	.house-info .house-del ul{ margin-right:-25px;}
	.house-info .house-del ul li{ width:147px; padding:8px 0; margin-right:20px; float:left; text-align:center; background:#F5F5F5; color:#666;}
	.house-info .house-del ul li .num{ font-weight:bold; color:#333; margin-left:6px; font-size:14px;}
/*agent-top-box*/
.agent-top-box{ width:240px; padding:0 0 0 30px; border-left:dashed 1px #CCC; height:369px;}
.agent-top-box .agent-info{ padding-top:20px;}
.agent-top-box .agent-info .agent-del{}
/*p-del*/
.agent-top-box .agent-info .p-del{ width:120px;}
.agent-top-box .agent-info .p-del .p-01{ line-height:23px; margin-bottom:13px; color:#666;}
.agent-top-box .agent-info .p-del .p-01 .name{ font-size:16px; font-weight:bold; margin-right:5px; color:#0DB1CC;}
		/*haoping*/
		.agent-top-box .agent-info .p-del .haoping dl{ line-height:15px; margin:4px 0; width:100%;}
		.agent-top-box .agent-info .p-del .haoping dl dt{ float:right;}
			/*evaluate*/
			.agent-top-box .evaluate .bottom-layer{ width:80px;}
/*work-del*/
.agent-top-box .agent-info .work-del{ min-width:200px; height:116px; overflow:hidden; border-top:dotted 1px #DFDFDF; margin-top:10px; padding-top:10px;}
.agent-top-box .agent-info .work-del dl{line-height:18px; display:inline-block; margin-bottom:3px;}
.agent-top-box .agent-info .work-del dl dt{ float:left; margin-right:3px;}
.agent-top-box .agent-info .work-del dl dd{float:left; width:170px;  color:#666;}
.agent-top-box .agent-info .work-del dl dd a{ margin-right:10px;}
/*erweima-card-del*/
.agent-top-box .agent-info .erweima-card-del{ height:70px; background:#F5F5F5;} 
.agent-top-box .agent-info .erweima-card-del dt{ float:left; margin-right:10px;}
.agent-top-box .agent-info .erweima-card-del dd{ line-height:18px; padding:5px 10px 0px 0;}

/*sechouse-detail-wrap*/
/*title-tab-box*/
.sechouse-detail-wrap{ padding-top:30px;}
.sechouse-detail-wrap .title-tab-box{ height:57px; background:url(/templates/default/images/detail-h-bg.png) repeat-x left top; position: absolute;
width: 100%;}
.sechouse-detail-wrap .title-tab-box.fixed{position:fixed; width:100%; z-index:3; top:0;}
.sechouse-detail-wrap .title-tab-box ul{ border-left:solid 1px #ECE3E3; height:50px;}
.sechouse-detail-wrap .title-tab-box ul li{ font-size:16px; color:#fff; height:50px; line-height:50px; float:left; width:14%; text-align:center; font-weight:bold;}
.sechouse-detail-wrap .title-tab-box ul li a{ display:block; color:#444; border-right:solid 1px #ECE3E3;}
.sechouse-detail-wrap .title-tab-box ul li a:hover{ background:#fff;}
/*.sechouse-detail-wrap .title-tab-box ul li a.on{ background:#0DB1CC; color:#fff;}*/
.sechouse-detail-wrap .title-tab-box ul li.on a{ background:#FFD200; color:#fff;}
/*detail-con-box*/
.sechouse-detail-wrap .detail-con-box{ /*position:relative;*/
	z-index:2;
	margin-top:70px;
	
}
.sechouse-detail-wrap .detail-con-box .col-tit{ height:40px; line-height:40px; border-bottom:solid 1px #FFD200; font-size:16px; font-weight:bold; margin-top:25px; margin-bottom:15px; padding:45px 5px 5px 5px; border-top:solid 15px #EEF4FF;}
.sechouse-detail-wrap .detail-con-box .col-tit .right{ font-size:12px; color:#666;}
/*.sechouse-detail-wrap .detail-con-box .col-cont{ display:block; clear:both;}*/
.sechouse-detail-wrap .detail-con-box .col-more{ background:#D9F7FD; text-align:center; display:block; height:35px; line-height:36px; color:#0096E4; margin:15px 0; font-size:14px;}

/*detail-con-box*/

/*detail-album one*/
/*one*/
#detail-album{}
#detail-album .col-cont{}
#detail-album .col-cont ul{}
#detail-album .col-cont ul li{ height:73px; line-height:73px; padding-bottom:15px; border-bottom:dashed 1px #DFD9D9; margin-bottom:15px; font-size:16px;}
#detail-album .col-cont ul .common p{ display:inline-block; float:left; padding:0 15px;}
#detail-album .col-cont ul .common p.h-1{ padding-right:20px;}
#detail-album .col-cont ul .common p.h-2{ width:320px; font-size:18px; font-weight:bold;}
#detail-album .col-cont ul .common p.h-3{ width:150px; color:#E8393C;}
#detail-album .col-cont ul .common p.h-4{ width:150px;}
#detail-album .col-cont ul .common p.h-5{ width:150px;}
#detail-album .col-cont ul .common p.h-6{ width:150px;}
#detail-album .col-cont ul .common span{ display:inline-block;}
#detail-album .col-cont ul .common .h-1 .actImgViewer{ width:89px; height:67px; border:solid 1px #f5f5f5; padding:2px; background:#fff; cursor:pointer;}
#detail-album .col-cont ul .common .h-1 .img-view{ float:left;
	border:solid 5px #f5f5f5; padding:3px; background:#fff; position: absolute; z-index:10; text-align:center; display:none; margin-left:90px; line-height:1px;}
#detail-album .col-cont ul .common p.h-1:hover .img-view{ display:block; }

/*detail-houseinfo two*/
/*two*/
#detail-houseinfo .col-info{ list-style:26px; font-size:14px; margin-bottom:20px;}
.col-cont.list-same-box .desc-dl { border-bottom:dashed 1px #DEDEDE; display:inline-block; min-height:33px; line-height:33px; padding-top:15px; width:50%; float:left; font-size:14px;}
.col-cont.list-same-box .desc-dl.colspan{ width:100%;}
.col-cont.list-same-box .desc-dl .label{ min-width:120px; height:31px; line-height:31px; background:#EFEFEF; border:solid 1px #EFEFEF; display:inline-block; text-indent:20px; margin-right:20px; font-weight:bold; float:left;}
.col-cont.list-same-box .desc-dl .label-val{padding-left:142px;}

/*detail-zoneprice four*/
/*four*/
#detail-zoneprice{}
#detail-zoneprice .col-cont .chart-con{ height:300px; background:#DDFDFE; margin:15px 0;}
/*col-listinfo*/
#detail-zoneprice .col-cont .col-listinfo{}
#detail-zoneprice .col-cont .col-listinfo li.type{ width:25%;}
#detail-zoneprice .col-cont .col-listinfo li.square{ width:12%;}
#detail-zoneprice .col-cont .col-listinfo li.time{ width:12%;}
#detail-zoneprice .col-cont .col-listinfo li.price-all{ width:12%;}
#detail-zoneprice .col-cont .col-listinfo li.price-unit{ width:12%;}
#detail-zoneprice .col-cont .col-listinfo li.people{ width:12%;}
#detail-zoneprice .col-cont .col-listinfo li.phone{ width:15%;}
/*titleh4*/
#detail-zoneprice .col-cont .col-listinfo .titleh4 li{float: left; text-align: center; height: 50px; line-height: 50px; background: #F5F5F5; font-size: 14px; font-weight: bold;}
/*same*/
#detail-zoneprice .col-cont .col-listinfo .look-info .same { padding:20px 0; border-bottom:solid 1px #f5f5f5;}
#detail-zoneprice .col-cont .col-listinfo .look-info .same li{ float:left; text-align:center; font-size:14px; padding-top:12px; font-weight:bold;}
/*type*/
#detail-zoneprice .col-cont .col-listinfo .look-info .same li.type{ text-align:left; padding-top:0;}
#detail-zoneprice .col-cont .col-listinfo .look-info .same li.type .img{ margin-right:15px;}
#detail-zoneprice .col-cont .col-listinfo .look-info .same li.phone { padding-top:10px;}
#detail-zoneprice .col-cont .col-listinfo .look-info .same li.phone .callphone-icon{ margin:0 auto; height:26px; line-height:26px; }

/*detail-content five*/
/*five*/
#detail-content{}
#detail-content .col-cont .same{ border-bottom:dashed 1px #CCC; padding:20px 0; margin-bottom:20px;}
#detail-content .col-cont .same .callphone-icon{ height:28px; line-height:28px; margin-top:12px;}
/*people*/
#detail-content .col-cont .same .people{ width:240px;}
#detail-content .col-cont .same .people .p-del{ float:left; margin-left:15px;}
#detail-content .col-cont .same .people .p-del .p-01 .name{ font-size:16px; font-weight:bold;}
/*word*/
#detail-content .col-cont .same .word{ width:940px;}
#detail-content .col-cont .same .word h2{ margin-bottom:10px;}
#detail-content .col-cont .same .word h2 p{ font-size:12px; font-weight:normal;}
#detail-content .col-cont .same .word .text-box{ font-size:14px;}
#detail-content .col-cont .same .word .text-box .actShowMore,
#detail-content .col-cont .same .word .text-box .actHideMore
{ font-size:16px; margin-left:15px; color:#0DB1CC; cursor:pointer;}

/*detail-housemap six seven*/
/*six seven */
#detail-housemap{}
/*map-indicator */
#detail-housemap .col-cont{}
#detail-housemap .col-cont .map-indicator{ height:40px; margin-bottom:15px;}
#detail-housemap .col-cont .map-indicator a{ float:left; padding:5px 15px;}
#detail-housemap .col-cont .map-indicator a.on{ background:#FFD200; color:#fff;}
#detail-housemap .col-cont .map-indicator a i{ background:url(/templates/default/images/bg.png) no-repeat; width:25px; display:inline-block; height:25px; position:relative; float: left; margin-top:4px;}
#detail-housemap .col-cont .map-indicator a.c01 i{ background-position:-10px -493px;}
#detail-housemap .col-cont .map-indicator a.c02 i{ background-position:-228px -493px;}
#detail-housemap .col-cont .map-indicator a.c03 i{ background-position:-37px -493px;}
#detail-housemap .col-cont .map-indicator a.c04 i{ background-position:-63px -493px;}
#detail-housemap .col-cont .map-indicator a.c05 i{ background-position:-198px -493px;}
#detail-housemap .col-cont .map-indicator a.c06 i{ background-position:-142px -493px;}
#detail-housemap .col-cont .map-indicator a.c07 i{ background-position:-117px -493px;}
#detail-housemap .col-cont .map-indicator a.c08 i{ background-position:-89px -493px;}
#detail-housemap .col-cont .map-indicator a.on.c01 i{ background-position:-10px -517px}
#detail-housemap .col-cont .map-indicator a.on.c02 i{ background-position:-228px -517px}
#detail-housemap .col-cont .map-indicator a.on.c03 i{ background-position:-37px -517px}
#detail-housemap .col-cont .map-indicator a.on.c04 i{ background-position:-63px -517px}
#detail-housemap .col-cont .map-indicator a.on.c05 i{ background-position:-198px -517px}
#detail-housemap .col-cont .map-indicator a.on.c06 i{ background-position:-142px -517px}
#detail-housemap .col-cont .map-indicator a.on.c07 i{ background-position:-117px -517px}
#detail-housemap .col-cont .map-indicator a.on.c08 i{ background-position:-89px -517px}
/*map-info*/
#detail-housemap .col-cont .map-info .col-map{ height:450px; width:900px; float:left; }
#detail-housemap .col-cont .map-info .col-listinfo{width:275px; float:right;}
#detail-housemap .col-cont .map-info .col-listinfo h3{height:36px; line-height:36px; padding-left:10px; background:#eee;}
#detail-housemap .col-cont .map-info .col-listinfo .cont-result{height:410px; width:275px; overflow-x:hidden; overflow-y:auto; border-bottom:solid 1px #A8A8A8;}




/*look-content-box-iframe*/
.look-content-box-iframe{ padding:50px; background:#fff; font-weight:normal; border: solid 5px #E8E7E7; min-height: 300px;}
.look-content-box-iframe .look-line{ font-size:14px; padding-bottom:15px; margin-bottom:15px; border-bottom:dashed 1px #999;}
.look-content-box-iframe .look-line span{ display:inline-block; float:left;}
.look-content-box-iframe .look-line .forward{ width:80px;}
.look-content-box-iframe .look-line .forward-r{ float:left; width:420px;}
.look-content-box-iframe dl{ width:50%; float:left; margin-bottom:20px;}
.look-content-box-iframe dl dt{ float:left; height:36px; line-height:36px; min-width:70px;}
.look-content-box-iframe dl dd{ float:left;}
.look-content-box-iframe .input-01{ width:120px; height:36px; line-height:36px; border:solid 1px #D0CFCF; padding:0 5px;}
.look-content-box-iframe .input-yzm{ width:80px; height:38px; line-height:38px; text-align:center; background:#fff; border:solid 1px #00BCDB; background: #00BCDB; color: #fff; cursor:pointer;}
.look-content-box-iframe .input-btn{ font-size:16px; border-radius:3px; width:150px; text-align:center; padding:5px 10px; background:#E8393C; color:#fff; position:relative; margin-left:30px; cursor:pointer; margin:0 auto; margin-top:20px;}
